<!DOCTYPE html>
<html xmlns:th=""><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>[[${articleAnduser.questionPO.question}]]-朝看天下新闻网</title>
    <meta name="keywords" content="小孩子换牙需要多久,口腔问题">
    <meta name="description" content="小孩换牙大概需要多长时间？">
    <link rel="stylesheet" href="../static/css/article/reset.css">
    <link rel="stylesheet" href="../static/css/article/commone.css">
    <link rel="stylesheet" href="../static/css/article/commthree.css">
    <link rel="stylesheet" href="../static/css/article/pinglun.css">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="../static/css/article/qadetail.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="../static/css/article/qadetail_002.css">
    
<script src="../../static/js/hm.js"></script><script type="text/javascript">
var basePath ="/";
</script>
<script src="../static/js/jquery-3.js"></script>

    <script src="../../static/layui/lay/modules/layer.js"></script>
    <link rel="stylesheet" href="../../static/layui/css/modules/layer/default/layer.css" id="layuicss-layer">


    <!--引入js-->
    <script src="../static/js/issue.js"></script>

    <link rel="stylesheet" type="text/css" th:href="@{/static/kindeditor/themes/default/default.css}"/>
    <script charset="utf-8" th:src="@{/static/kindeditor/kindeditor-all.js}"></script>
    <script charset="utf-8" th:src="@{/static/kindeditor/lang/zh_CN.js}"></script>

    <script type="text/javascript">
        var basePath = "/";
        KindEditor.ready(function(K) {
            window.editor = K.create('#editor_id', {
                width : '100%',
                height : '350px',
                uploadJson : '/qiniu/upload',    //指定上传文件的服务器端程序。
                fileManagerJson : '/qiniu/upload',//指定浏览远程图片的服务器端程序
                allowFileManager : true,
                themeType : 'simple',
                afterChange : function(){
                    $('.word_count1').html(this.count()); //字数统计包含HTML代码
                    $('.word_count2').html(this.count('text'));  //字数统计包含纯文本、IMG、EMBED，不包含换行符，IMG和EMBED算一个文字
                    //
                    //限制字数
                    var limitNum = 200;  //设定限制字数
                    var pattern = '还可以输入' + limitNum + '字';
                    $('.word_surplus').html(pattern); //输入显示
                    if(this.count('text') > limitNum) {
                        pattern = ('字数超过限制，请适当删除部分内容');
                        //超过字数限制自动截取
                        var strValue = editor.text();
                        strValue = strValue.substring(0,limitNum);
                        editor.text(strValue);
                    } else {
                        //计算剩余字数
                        var result = limitNum - this.count('text');
                        pattern = '还可以输入' +  result + '字';
                    }
                    $('.word_surplus').html(pattern); //输入显示
                },
                afterUpload: function(url) {
                    $("#inputId").val(url);
                },
                items:[
                    'undo', 'redo', '|', 'justifyleft', 'justifycenter', 'justifyright',
                    'justifyfull', 'insertorderedlist', 'insertunorderedlist', '|',
                    'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor',
                    'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat',
                    '|', 'table',  'link', 'unlink','image'
                ],
            });
        });
    </script>

</head>

<body>

    <div th:if="${logicEmail!=null}">
        <input type="hidden" id="uid" th:value="${logicEmail}">
    </div>

    <div class="content">

        <th:block th:include="comment/top::top"/>

        <div class="main-tab">
     <div class="max-width">
	     <ul class="main-tab-ul">

             <th:block th:include="comment/middle::classify"/>

	     </ul>
	    
            <!-- 移动端 -->
         <th:block th:include="comment/top::category"/>

     </div>
</div>
        <div class="content-main">
            
            <input type="hidden" id="no" value="202010151316651329606782976">

            <input type="hidden" id="collectType" value="20">  
            <div class="box-bg-shadow">    
                <div class="qa-top">

                    <th:block  th:if="${articleAnduser != null}">

                        <a class="qa-type" href="https://www.hasbei.com/qa/13" th:text="${articleAnduser.questionPO.sortname}"></a>

                    </th:block >

                    <!-- <a class="ansower-type qa-type" href="#">已回答</a>  -->
                    <a class="ansower-type" href="https://www.hasbei.com/user/1316534203944407040">
                        <img th:src="${articleAnduser.user.lcon}" alt="">
                        <span>[[${articleAnduser.user.nick}]]</span>
                    </a>
                    <a class="please-ansower" href="javascript:;"> 遇到下面问题，需要你帮忙解答</a>
                </div>


                <div class="qa-title"   th:text="${articleAnduser.questionPO.question}"></div>

                 <div class="qa-bg">

                     <span th:if="${articleAnduser.questionPO != null}">
                        <span class="title-text">[问题背景]：</span>
                        <div class="bg-content"><p th:text="${articleAnduser.questionPO.backdrop}"><br></p></div>
                    </span>



                    <div class="shou-all-bg" style="display: none;">
                        <div class="bg-div"></div>
                        <span>展开全部</span>
                    </div>
                </div>
                
               <div class="qa-info-share">
                <div class="qa-info">

                    <a href="javascript:;" class="huida-num">
                        <img src="../static/image/icon_News.png" alt="有贝口腔网">
                        <span>[[${articleAnduser.questionPO.answer}]]个回答</span>
                    </a>
                     <a href="javascript:;" class="thumbs-up">
                        <img src="../static/image/icon_Browse.png" alt="有贝口腔网">
                        <span>[[${articleAnduser.questionPO.browse}]]个阅读</span>
                    </a> 
                    <!-- <a href="" class="share">
                        <img src="images/icon_Share.png" alt="有贝口腔网">
                        <span>4分享</span>
                    </a> -->
                    <a href="javascript:;" class="conllection" th:onclick="myCollect([[${articleAnduser.questionPO.number}]])">
                        <img th:id="${'tupian'+articleAnduser.questionPO.number}" th:src="@{/static/image/shoucang1.png}" alt="有贝口腔网">
                        <span th:id="${'collectType'+articleAnduser.questionPO.number}">收藏问题([[${articleAnduser.questionPO.collect}]])</span>
                    </a>

                    <span class="time" th:text="${#dates.format(articleAnduser.questionPO.createdate,'yyyy-MM-dd')}"></span>

                 </div>

               </div>
    
                <div class="editor-div">
                    <div id="editor">

                        <!--文本编辑器-->

                        <textarea id="editor_id" name="content" placeholder="我有更好的回答" style="width: 800px;"></textarea>

                    </div>

                    <span class="edditor-bottom">
                        <span style="color: grey;font-size: 4px"> 您当前输入了 <span class="word_count1">0</span> 个文字。<br />
                            <span class="word_surplus"></span>
                        </span>
                        <div class="sub-btn" onclick="publish(this)" th:qid="${articleAnduser.questionPO.id}">发表回答</div>
                    </span>

                </div>

                <div class="qa-info-list">

                    <div class="qa-list-top">
                        <span><em th:text="${articleAnduser.questionPO.answer}"></em>&nbsp;个回答</span>
                    </div>

                    
					<div id="myContent">

                        <th:block th:include="question/issue-commom::issues"/>

 					</div>
 					

                </div>
           <!--

            <div class="more-content">
                    <div class="load-more">
                        <img src="/static/images/load-more.gif" alt="">
                        <span>加载中</span>    
                    </div>
                    <div class="load-more-two">点击加载更多内容</div>
                </div> -->
            </div>
			
			
			
            <div class="aside-left">

                <!--引入相关问题-->
                <th:block th:include="question/correlation-commom::correlation"/>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">
                        <!-- <img src="/static/images/rmd.png" alt="有贝口腔网"> -->
                        <span>大家都在问</span>
                    </div>
                    <!--大家都在问-->
                    <th:block th:include="comment/side::everyoneAsk"/>
                </div>

            </div>

        </div>

        <!--底部-->
        <th:block th:include="comment/button::button"/>


    </div>

</body></html>